/**
 * Created by Administrator on 2017/8/4.
 */


import React,{Component} from 'react'
import {View,Dimensions,Image, Text,StyleSheet} from 'react-native'

const ScreenSize = {
    width: Dimensions.get('window').width,
    height: Dimensions.get('window').height
};

const styles = StyleSheet.create({
    ll:{
        width:ScreenSize.width,
        height:148,
        backgroundColor:'#fff'
    },
    topLl:{
        width:ScreenSize.width,
        height:36,
        flexDirection:'row',
        justifyContent:'space-between',
        alignItems:'center'
    },
    bottomLl:{
        width:ScreenSize.width,
        height:111,
        justifyContent:'center'
    },
    bottomContentLl:{
        width:ScreenSize.width,
        height:88,
        flexDirection:'row',
        alignItems:'center'
    },
    bottomRightLl:{
        height:88,
        flex:1,
        justifyContent:'space-between',
        marginLeft:16
    },
    imgll:{
        width:117,height:88,marginLeft:12
    },
    tv1:{
        fontSize:14,color:'#333'
    },
    tv2:{
        fontSize:14,color:'#999'
    },
    tv3:{
        fontSize:14,color:'#FC3B38'
    }
})

let ItemImg = require('../Img/icon.png')

export default class ReplenishmentDetails extends Component{

    render(){
        return(
            <View style={styles.ll}>
                <View style={styles.topLl}>
                    <Text style={[styles.tv1,{marginLeft:13}]}>柜号：14100</Text>
                    <Text style={[styles.tv2,{marginRight:13}]}>2017-07-05 15:35:26</Text>
                </View>
                <View style={{height:1,flex:1,marginLeft:13,marginRight:13,backgroundColor:'#cfcfcf'}}></View>
                <View style={styles.bottomLl}>
                    <View style={styles.bottomContentLl}>
                        <Image style={styles.imgll} source={ItemImg}/>
                        <View style={styles.bottomRightLl}>
                            <Text style={[styles.tv1,{fontSize:17}]}>纸巾</Text>
                            <Text style={styles.tv3}>待补数量：×5</Text>
                            <Text style={styles.tv2}>地址：金牛区万达广场2楼</Text>
                        </View>
                    </View>
                </View>
            </View>
        )
    }
}